<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'indexBody.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<style type="text/css">

</style>
<script type="text/javascript">

</script>

  </head>
  
  <body>
    		<div id="pl">
			<div id="pp1">
				<table width="200" height="503" border="0">
					<tr>
						<td height="25" colspan="2"
							style="border-bottom: 1px #DECEA5 solid">
							　　运动休闲鞋
						</td>
					</tr>
					<tr>
						<td width="82" height="25"
							style="border-bottom: #DECEA5 solid 1px">
							<img src="img/naike.jpg" width="81" height="25" />
						</td>
						<td width="108">
							耐克
						</td>
					</tr>
					<tr>
						<td style="border-bottom: #DECEA5 solid 1px">
							<img src="img/nike.jpg" width="81" height="24" />
						</td>
						<td>
							耐克360
						</td>
					</tr>
					<tr>
						<td style="border-bottom: #DECEA5 solid 1px">
							<img src="img/peak.jpg" width="81" height="25" />
						</td>
						<td>
							匹克
						</td>
					</tr>
					<tr>
						<td style="border-bottom: #DECEA5 solid 1px">
							<img src="img/kapa.jpg" width="81" height="25" />
						</td>
						<td>
							卡帕
						</td>
					</tr>
					<tr>
						<td style="border-bottom: #DECEA5 solid 1px">
							<img src="img/biaoma.jpg" width="81" height="25" />
						</td>
						<td>
							彪马
						</td>
					</tr>
					<tr>
						<td style="border-bottom: #DECEA5 solid 1px">
							<img src="img/erke.jpg" width="81" height="25" />
						</td>
						<td>
							鸿星尔克
						</td>
					</tr>
					<tr>
						<td style="border-bottom: #DECEA5 solid 1px">
							<img src="img/huili.jpg" width="81" height="25" />
						</td>
						<td>
							回力
						</td>
					</tr>
					<tr>
						<td style="border-bottom: #DECEA5 solid 1px">
							<img src="img/tebu.jpg" width="81" height="25" />
						</td>
						<td>
							特步
						</td>
					</tr>
					<tr>
						<td style="border-bottom: #DECEA5 solid 1px">
							<img src="img/shuangxing.jpg" width="81" height="29" />
						</td>
						<td>
							双星
						</td>
					</tr>
					<tr>
						<td style="border-bottom: #DECEA5 solid 1px">
							<img src="img/361.jpg" width="81" height="25" />
						</td>
						<td>
							361
						</td>
					</tr>
					<tr>
						<td style="border-bottom: #DECEA5 solid 1px">
							<img src="img/adidas.jpg" width="81" height="25" />
						</td>
						<td>
							阿迪达斯
						</td>
					</tr>
					<tr>
						<td style="border-bottom: #DECEA5 solid 1px">
							<img src="img/kuangwei.jpg" width="81" height="25" />
						</td>
						<td>
							匡威
						</td>
					</tr>
					<tr>
						<td height="25px">
							<img src="img/lining.jpg" width="81" height="25" />
						</td>
						<td>
							李宁
						</td>
					</tr>
				</table>
			</div>


			<div id="pp2">
			<div id="ppp1">
			<div id="ppp3">
 <div id="contentCenter1-1 ">
  <img src="images/02.jpg" width="549px" height="270px" id="img1" />
<div class="changeNum" >
<div align="center"><a href="#" onmouseover="cImage(1)"><span id="s1">01</span>
							    </a>
								    <a href="#" onmouseover="cImage(2)"><span id="s2">02</span>
						          </a>
								    <a href="#" onmouseover="cImage(3)"><span id="s3">03</span>
						          </a>
								    <a href="#" onmouseover="cImage(4)"><span id="s4">04</span>
						          </a>
								    <a href="#" onmouseover="cImage(5)"><span id="s5">05</span>
						          </a>
	        </div>
			  </div>
</div>
			
			  </div>
			<div id="ppp4">
			<table width="192" height="235" >
  <tr>
    <td height="21"><span class="STYLE1">　活动公告</span></td>
  </tr>
  <tr>
    <td height="21"><u><span class="STYLE2">[公告] 部分地区配送延迟公告</span></u></td>
  </tr>
  <tr>
    <td height="21"><u><span class="STYLE2">[活动] 300万优惠券一元疯抢！
    </span></u></td>
  </tr>
  <tr>
    <td height="21"><u><span class="STYLE2">[活动] 在线支付 获最高50元优惠券
    </span></u></td>
  </tr>
  <tr>
    <td height="21"><u><span class="STYLE2">[公告]“月黑风高”秒鞋震撼持续
    </span></u></td>
  </tr>
  <tr>
    <td height="21"><u><span class="STYLE2">[活动] 抢年货活动开始啦！
    </span></u></td>
  </tr>
   <tr>
    <td height="21"><u><span class="STYLE2">[活动] 品牌鞋年终回馈开始啦！
    </span></u></td>
  </tr>
</table>	
			</div>
			
			
			
			</div>
			<div id="ppp2">
			
			<div class="pk" id="pk">
  <ul class="ps" id="ps">
    <li class="hover" onmousemove="setTab(0,0)">热卖</li>
      <li onmousemove="setTab(0,1)">新品</li>
      <li onmousemove="setTab(0,2)">推荐</li>
      <li onmousemove="setTab(0,3)">特价</li>
  </ul>
    <div id="pd">
<ul class="ph"><li>
  <div align="center"><img src="images/hua1.jpg" width="140px" /></div>
  <p align="center" style="color:#999999; font-size:12px">Mring 透气休闲鞋</p></li>
<li>
  <div align="center"><img src="images/hua2.jpg" width="140px"/>
  </div>
  <p align="center" style="color:#999999; font-size:12px">新夏款休闲鞋</p></li>
<li>
  <div align="center"><img src="images/hua3.jpg" width="140px"/></div>
  <p align="center" style="color:#999999; font-size:12px">Kappa卡帕 板鞋 </p></li>
<li>
  <div align="center"><img src="images/hua4.jpg" width="140px"/></div>
  <p align="center" style="color:#999999; font-size:12px">ANTA安踏跑步鞋</p></li>
</ul>
<ul><li><img src="images/hua5.jpg" width="140px"/>
 <p align="center" style="color:#999999; font-size:12px">奥康 男子休闲鞋</p></li>
<li><img src="images/hua6.jpg" width="140px"/>
 <p align="center" style="color:#999999; font-size:12px">ANTA安踏跑步鞋</p></li>
<li><img src="images/hua7.jpg" width="140px" />
 <p align="center" style="color:#999999; font-size:12px">Mring 透气休闲鞋</p></li>
<li><img src="images/hua16.jpg" width="140px"/>
 <p align="center" style="color:#999999; font-size:12px">新夏款休闲鞋</p></li>
</ul>
<ul><li><img src="images/hua8.jpg" width="140px"/>
 <p align="center" style="color:#999999; font-size:12px">新夏款休闲鞋</p></li>
<li><img src="images/hua9.jpg" width="140px"/>
 <p align="center" style="color:#999999; font-size:12px">Mring 透气休闲鞋</p></li>
<li><img src="images/hua10.jpg" width="140px"/>
 <p align="center" style="color:#999999; font-size:12px">奥康 男子休闲鞋</p></li>
<li><img src="images/hua11.jpg" width="140px"/>
 <p align="center" style="color:#999999; font-size:12px">Kappa卡帕 板鞋</p></li>
</ul>
<ul>
<li><img src="images/hua12.jpg" width="140px"/>
 <p align="center" style="color:#999999; font-size:12px">ANTA安踏跑步鞋</p></li>
<li><img src="images/hua13.jpg" width="140px"/>
 <p align="center" style="color:#999999; font-size:12px">奥康 男子休闲鞋</p></li>
<li><img src="images/hua14.jpg" width="140px"/>
 <p align="center" style="color:#999999; font-size:12px">Mring 透气休闲鞋</p></li>
<li><img src="images/hua15.jpg" width="140px"/>
 <p align="center" style="color:#999999; font-size:12px">新夏款休闲鞋</p></li>
</ul>
</div>
</div>
			
			
			
			
			
			
			
			
			
			
			
			
           
           
           
           
           
           
           
           
           
           
           
           
           
           
           
           
           
           
           
           
           
           
           
           
           
           
           
           
           
           
           
           
           
           
           
           
           
			</div>
			</div>
		</div>
  </body>
</html>
